<template>
    <h4>我是 qf_btn 组件, 我是 APP 组件的子级 --- {{ $store.state.num }}</h4>
    <button @click="changeNum">点击修改 vuex 中 num</button>
</template>

<script setup>
// 注意: 是从 vuex 中获取的 useStore, 这个方法调用后 可以帮助我们创建一个 类似于 this.$store 的数据
import { useStore } from 'vuex'
const store = useStore()

function changeNum() {
    // this.$store.commit('addNum')

    store.commit('addNum')
}
</script>
